import { Carousel } from 'antd';
import React from 'react';
import Carouselbanera from '../carouselbaner'

type Props = {
  carouselbaner: string[], dots?: boolean | {
    className?: string | undefined;
  } | undefined
}


export default (props: Props) => {
  const { carouselbaner, dots } = props
  return <Carousel dotPosition="right" dots={dots} >
    {
      carouselbaner.map((img, index) => {
        return <Carouselbanera key={index} img={img}></Carouselbanera>
      })
    }
  </Carousel>

}